<template>
	<view>
		<view class="head">
			<view class="arrow" @click="return_btn">
			</view>
			<text style="color: white; font-size: 48rpx;">详情</text>
			<uni-card style="margin-top: 80rpx; text-align: left;">
				<text style="font-size: 34rpx;font-weight: bold;color: balck;">维修信息</text>
				<view style="border: 4rpx solid #F7F7F7;margin: 20rpx 0;"></view>
				<view style="color: grey;margin-bottom: 20rpx"> 维修单号：3535252</view>
				<view style="color: grey;margin-bottom: 20rpx"> 车主姓名：张</view>
				<view style="display: flex;justify-content: space-between;">
					<view style="color: grey;margin-bottom: 20rpx"> 联系方式：1993828282</view>
					<view>
						<image src="/static/images/ys/weixiurenwu/phone.png" style="width: 35rpx; height: 35rpx;">
						</image>
					</view>
				</view>
				<view style="color: grey;margin-bottom: 20rpx"> 维修方式：上门取车/到店维修</view>
				<view style="display: flex; justify-content: space-between;">
					<view style="color: grey;margin-bottom: 20rpx"> 取车位置：山阳区32号</view>
					<view>
						<image src="/static/images/ys/weixiurenwu/plane.png" style="width: 35rpx; height: 35rpx;">
						</image>
					</view>
				</view>
				<view style="color: grey;margin-bottom: 20rpx"> 预约日期：2022/11/10 11:00</view>
				<view style="color: grey;margin-bottom: 20rpx"> 提交日期：2022/11/08 12:39</view>
			</uni-card>
			<uni-card style="margin-top: 30rpx; text-align: left;">
				<text style="font-size: 34rpx;font-weight: bold;color: balck;">车辆信息</text>
				<view style="border: 4rpx solid #F7F7F7;margin: 20rpx 0;"></view>
				<view style="color: grey;margin-bottom: 20rpx"> 车辆类型：大客车</view>
				<view style="color: grey;margin-bottom: 20rpx"> 车牌号：豫A88888</view>
				<view style="color: grey;margin-bottom: 20rpx">整车照片：</view>
				<image src="../../../static/uni.png" style="width: 120rpx;height: 120rpx;"></image>
				<view style="color: grey;margin-bottom: 20rpx">维修部位照片：</view>
				<image src="../../../static/uni.png" style="width: 120rpx;height: 120rpx;"></image>
				<image src="../../../static/uni.png" style="width: 120rpx;height: 120rpx; margin: 0 10rpx;"></image>
				<image src="../../../static/uni.png" style="width: 120rpx;height: 120rpx;"></image>
			</uni-card>
			<u-button type="primary" shape="circle"
				customStyle="width: 500rpx;margin: 30rpx auto;background-color:#0C65E8 ;">确认到场</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			return_btn() {
				uni.$u.route('/pages/ys/weixiurenwu1/weixiurenwu1')
			}
		}
	}
</script>

<style>
	.arrow {
		height: 28rpx;
		width: 28rpx;
		border-top: 4rpx solid white;
		border-right: 4rpx solid white;
		transform: rotate(225deg);
		position: fixed;
		left: 3vw;
		top: 4vh;
	}

	.head {
		position: relative;
		padding-top: 4vh;
		text-align: center;
		height: 35vh;
		width: 100%;
		background-color: #2F81FA;
	}
</style>